<html>
<head>
    <title>横向滑动</title>
    <style type="text/css">
        .box{
            width: 100%;
            white-space:nowrap;
            overflow-x: scroll;
        }
        .item{
            width: 200px;
            height: 200px;
            border:1px solid #ccc;
            display: inline-block;
        }
		.father{
			background:#f3f6f9;
			margin-top:20px;
		}
		.son{
			position:fixed;
			background:#38adcc;
			color:white;
			transform:translate(0px,20px);
			width:100%;
			padding:10px;
		}
    </style>
</head>
<body>
	
	<div class="father">
		<div class="son">< 体质健康</div>
		<div>让固定定位，不参照浏览器的边缘
			让固定定位，不参照浏览器的边缘让固定定位，不参照浏览器的边缘让固定定位，不参照浏览器的边缘
			让固定定位，不参照浏览器的边缘
			让固定定位，不参照浏览器的边缘让固定定位，不参照浏览器的边缘让固定定位，不参照浏览器的边缘让固定定位，不参照浏览器的边缘
			让固定定位，不参照浏览器的边缘
			让固定定位，不参照浏览器的边缘
			让固定定位，不参照浏览器的边缘
		</div>
		<div style="margin-top:500px;">
			123<a href="">baidu</a>
		</div>
		<div style="margin-top:500px;">
			123
		</div>
		<div style="margin-top:500px;">
			123
		</div>
		<div style="margin-top:500px;">
			123
		</div>
		<div style="margin-top:500px;">
			123
		</div>
	</div>
</body>
</html>